<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>无标题文档</title>
<link href="${pageContext.request.contextPath}/css/style.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" src="${pageContext.request.contextPath}/js/jquery.js"></script>

<script type="text/javascript">
$(function(){	
	//导航切换
	$(".menuson li").click(function(){
		$(".menuson li.active").removeClass("active");
		$(this).addClass("active");
	});
	
	$('.title').click(function(){
		var $ul = $(this).next('ul');
		$('dd').find('ul').slideUp();
		if($ul.is(':visible')){
			$(this).next('ul').slideUp();
		}else{
			$(this).next('ul').slideDown();
		}
	});
});	
</script>


</head>

<body style="background:#f0f9fd;">
	<div class="lefttop"><span></span>导航目录</div>
    
        <dl class="leftmenu">
            
            <dd>
                <div class="title">
                <span><img src="${pageContext.request.contextPath}/images/leftico01.png" /></span>图库首页
                </div>
                <ul class="menuson">
                    <li class="active"><cite></cite><a href="${pageContext.request.contextPath}/skip/picCut.do" target="rightFrame">图片切换</a><i></i></li>
                    <li ><cite></cite><a href="${pageContext.request.contextPath}/skip/bottomLink.do" target="rightFrame">底部友好链接</a><i></i></li>
                    <li><cite></cite><a href="${pageContext.request.contextPath}/skip/botPopLink.do" target="rightFrame">底部弹出友好链接</a><i></i></li>
                </ul>    
            </dd>
                
            
            <dd>
                <div class="title">
                <span><img src="${pageContext.request.contextPath}/images/leftico02.png" /></span>彩色图库
                </div>
                 <ul class="menuson">
                    <li><cite></cite><a href="${pageContext.request.contextPath}/skip/colScan.do" target="rightFrame">图片扫描</a><i></i></li>
                    <li><cite></cite><a href="${pageContext.request.contextPath}/skip/colQuery.do" target="rightFrame">图片列表</a><i></i></li>
                    <li><cite></cite><a href="${pageContext.request.contextPath}/publish/publishPicture.do" target="rightFrame">发布图片</a><i></i></li>
                    </ul>     
                </dd> 
                
                
                <dd>
                <div class="title"><span><img src="${pageContext.request.contextPath}/images/leftico03.png" /></span>黑白图库
                </div>
                <ul class="menuson">
                    <li><cite></cite><a href="${pageContext.request.contextPath}/skip/blaScan.do" target="rightFrame">图片扫描</a><i></i></li>
                    <li><cite></cite><a href="${pageContext.request.contextPath}/skip/blaQuery.do" target="rightFrame">图片列表</a><i></i></li>
                    <li><cite></cite><a href="${pageContext.request.contextPath}/publish/publishPicture.do" target="rightFrame">发布图片</a><i></i></li>
                </ul>    
            </dd>  
            
            
            <dd>
            <div class="title"><span><img src="${pageContext.request.contextPath}/images/leftico04.png" /></span>手机看图
            </div>
            <ul class="menuson">
                <li><cite></cite><a href="#" target="rightFrame">自定义</a><i></i></li>
                <li><cite></cite><a href="#" target="rightFrame">常用资料</a><i></i></li>
                <li><cite></cite><a href="#" target="rightFrame">信息列表</a><i></i></li>
                <li><cite></cite><a href="#" target="rightFrame">其他</a><i></i></li>
            </ul>
            
            </dd>
            <dd>
                <div class="title"><span><img src="${pageContext.request.contextPath}/images/leftico03.png" /></span>香港挂牌
                </div>
                <ul class="menuson">
                    <li><cite></cite><a href="#" target="rightFrame">自定义</a><i></i></li>
                    <li><cite></cite><a href="#" target="rightFrame">常用资料</a><i></i></li>
                    <li><cite></cite><a href="#" target="rightFrame">信息列表</a><i></i></li>
                    <li><cite></cite><a href="#" target="rightFrame">其他</a><i></i></li>
                </ul>    
            </dd>   

              <!--以下是测试案例，因为测试案例是放在wbe_inf外面的所以他们是可以直接访问的不需要程序后台跳转  -->
             <dd>
                <div class="title"><span><img src="${pageContext.request.contextPath}/images/leftico03.png" /></span>参考实例
                </div>
                <ul class="menuson">
                 <li><cite></cite><a href="${pageContext.request.contextPath}/test/index.html" target="rightFrame">首页模版</a><i></i></li>
                <li><cite></cite><a href="${pageContext.request.contextPath}/test/right.html" target="rightFrame">数据列表</a><i></i></li>
                <li><cite></cite><a href="${pageContext.request.contextPath}/test/imgtable.html" target="rightFrame">图片数据表</a><i></i></li>
                <li><cite></cite><a href="${pageContext.request.contextPath}/test/form.html" target="rightFrame">添加编辑</a><i></i></li>
                <li><cite></cite><a href="${pageContext.request.contextPath}/test/imglist.html" target="rightFrame">图片列表</a><i></i></li>
                <li><cite></cite><a href="${pageContext.request.contextPath}/test/imglist1.html" target="rightFrame">自定义</a><i></i></li>
                <li><cite></cite><a href="${pageContext.request.contextPath}/test/tools.html" target="rightFrame">常用工具</a><i></i></li>
                <li><cite></cite><a href="${pageContext.request.contextPath}/test/filelist.html" target="rightFrame">信息管理</a><i></i></li>
                <li><cite></cite><a href="${pageContext.request.contextPath}/test/tab.html" target="rightFrame">Tab页</a><i></i></li>
                <li><cite></cite><a href="${pageContext.request.contextPath}/error.html" target="rightFrame">404页面</a><i></i></li>


                  
                </ul>    
            </dd>  



        
        </dl>
    
</body>
</html>
